<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>Landing Page &ndash; Layout Examples &ndash; Pure</title>
<link rel="stylesheet"
	href="http://yui.yahooapis.com/pure/0.4.2/pure.css">
<!--[if lte IE 8]>
        <link rel="stylesheet" href="${lib}/css/main-grid-old-ie.css">
    <![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="${lib}/css/main-grid.css">
<!--<![endif]-->
<!--[if lte IE 8]>
        <link rel="stylesheet" href="${lib}/css/layouts/marketing-old-ie.css">
    <![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="${lib}/css/layouts/marketing.css">
<!--<![endif]-->
<link rel="stylesheet" href="${lib}/css/font-awesome.css">
</head>
<body>
	<div class="header">
		<div
			class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed">
			<ul>
				<li class="pure-menu-selected"><a href="#home">主页</a></li>
				<li><a href="#login">登录</a></li>
			</ul>
		</div>
	</div>
	<div class="splash-container" id="home">
		<div class="splash">
			<h1 class="splash-head">
				<font color="red">登陆错误!请您重试!!!</font>
			</h1>
			<p class="splash-subhead">下滑页面,登录后台.</p>
		</div>
	</div>
	<div class="content-wrapper">
		<div class="content">
			<h2 class="content-head is-center">请输入您的登录安全码,进入系统进行操作!</h2>
			<div class="pure-g">
				<div class="l-box-lrg pure-u-1 pure-u-med-2-5" id="login">
					<form class="pure-form pure-form-stacked" action="login.ac"
						method="post">
						<fieldset>
							<label for="password">你的安全码:</label> <input id="password"
								name="password" type="password" placeholder="在此输入您的安全码">
							<button type="submit" class="pure-button">登录</button>
						</fieldset>
					</form>
				</div>
				<!-- 	<div class="l-box-lrg pure-u-1 pure-u-med-3-5">
					<h4>Contact Us</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
						sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
						Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
						nisi ut aliquip ex ea commodo consequat.</p>

					<h4>More Information</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
						sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
					</p>
				</div> -->
			</div>
		</div>
		<div class="footer l-box is-center">本系统为给人使用,无商业用途.</div>
	</div>
	<script src="${lib}/js/yui.js"></script>
	<script>
		YUI().use('node-base', 'node-event-delegate', function(Y) {
			// This just makes sure that the href="#" attached to the <a> elements
			// don't scroll you back up the page.
			Y.one('body').delegate('click', function(e) {
				e.preventDefault();
			}, 'a[href="#"]');
		});
	</script>
</body>
</html>
